<template>
	<div class="userbar">
		<div class="user-info">
			<div class="image">
				<img src="/static/images/avatar.jpg">
			</div>
			<div class="nickname"><p>Fuyun</p></div>
			<div class="describe">
				<p>互联网中建设一个渺小的搬砖工。</p>
			</div>
		</div>
		<div class="introduce">
			<p>博客，记录工作中的错误与感悟。</p>
			<p>生活，美好与泡沫的融合。</p>
			<p>记忆，绚烂的焰火，恒永久。</p>
		</div>
		<div class="contact">
			<p>Email:1440030538@qq.com</p>
		</div>
	</div>
</template>


<script>


</script>

<style type="text/css">
	.userbar{background: #fff;margin-top: 9px;padding: 10px;}

	.userbar .user-info{height: 120px;}
	.userbar .user-info .image{float: left;}
	.userbar .user-info .image img{width: 120px;height: 120px;border-radius: 50%;}
	.userbar .user-info .nickname{height: 30px;margin: 5px 0px;width: calc(100% - 130px);margin-top: 15px;float: left;margin-left: 10px;color: #666;border-bottom: 1px solid #ddd;padding-bottom: 15px;}
	.userbar .user-info .nickname p{padding-left: 5px;line-height: 30px;font-size: 25px;}
	.userbar .user-info .describe{margin: 2px 0px;width: calc(100% - 130px);float: left;margin-left: 10px;}
	.userbar .user-info .describe p{padding: 5px;font-size: 15px;}

	.userbar .introduce{margin-top: 10px;}
	.userbar .introduce p{padding: 3px;padding-left: 10px;}

	.userbar .contact{margin-top: 10px;}
	.userbar .contact p{padding: 5px;padding-left: 10px;}
</style>